<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id="start">start</button>
    <button id="clear">clear</button>
</body>
<script>
    // 计时器  => 每隔固定的事件执行既定的操作

    // setInterval(callback,Interval,arg1,arg2...argN)  设置计时器(开启一个新的)
    // callback  每隔固定时间执行的回调函数 (callback): 把函数当做参数传入到另一个函数中,让它在另一个函数中执行(传入时不执行,调用时才执行)  锦囊妙计   提前决定好要执行的内容 => 真正调用时执行
    // Interval  回调函数执行的间隔时间 (单位ms)

    // 返回值:  计时器的编号 (目的:对应清除)

    // 注意:
    // 1.从计时器启动到第一次执行回调函数,需要先等待指定的间隔时间
    // 2.如果回调函数需要接收参数
    // a.  在函数外层包裹匿名函数
    // setInterval(function(){
    //     callback(arg1,arg2...argN)
    // },Interval)

    // b.  从setInterval的第三参数开始  依次传入
    // setInterval(callback,Interval,arg1,arg2...argN)

    // 清除计时器
    // clearInterval(计时器的编号);

    // setInterval(callback,interval)

    // setInterval(function () {
    //     console.log("hello");
    // }, 1000);

    // setInterval(console.log, 1000, "world");

    function fn(a) {
        console.log(a);
    }

    setInterval(function () {
        fn(100);
    }, 1000)

    setInterval(fn, 1000, 200)









</script>

</html>